<template>
    <div style="margin: 0 auto;width: 300px;border: #42b983 1px dotted">

            <!-- v-for循环对象数组  -->
            <p v-for="(todo,i) in todos" v-bind:key="i">
                {{ todos.indexOf(todo) }} ---- {{ todo.text }}
            </p>
<!--   获取数组中某个项的索引
     array.indexOf(e)
     -->

    </div>
</template>

<script>
    export default {
        name: "DemoVfor",
        data() {
            return {
                todos: [
                    {text: '学习 JavaScript'},
                    {text: '学习 Vue'},
                    {text: '整个牛项目'}
                ]
            }
        }
    }
</script>

<style scoped>

</style>
